<!--
 * @Author: xiaoyan
 * @Date: 2021-09-15 14:35:04
 * @LastEditors: xiaoyan
 * @LastEditTime: 2021-09-15 16:50:54
 * @Description: 
 * @FilePath: \vue3-ts-demo\src\components\HelloWorld.vue
-->
<script setup lang="ts">
import { ref } from 'vue'

defineProps<{ msg: string }>()

const count = ref(0)
</script>

<template>
  <h1>{{ msg }}</h1>
  <button type="button" @click="count++">count is: {{ count }}</button>
</template>
<style lang="scss" scoped>
    h1{
        margin-top:50px;
        font-size:25px;
    }
    button{
        margin-top:20px;
    }
</style>
